<!DOCTYPE html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- FUCK 360  -->
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        
        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="../css/pure.min.css">
        <link rel="stylesheet" href="css/index.css">
        <!--[if gte IE 9]>
          <style type="text/css">
            .gradient {
               filter: none;
            }
          </style>
        <![endif]-->
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <!-- Add your site or application content here -->
        <div class="out-body-head">
            <div id="head" class="body pure-g">
            </div>
        </div>
        <div class="out-body-nav">
            <div id="nav" class="body">
            </div>
        </div>
        <div class="out-body-tree">
        </div>
        <div class="out-body-main">
            <table class="body">
                <tr id="main" class="pure-g">
                    <td id="tree" class="pure-u-1-5">
                        <ul>
                            <div class="title">任务类别</div>
                            <li class="gradient"><span class="item">任务名称</span></li>
                            <li class="gradient"><span class="item">任务名称</span></li>
                            <li class="gradient"><span class="item">任务名称</span></li>
                        </ul>
                        <ul>
                            <div class="title">任务类别</div>
                            <li class="gradient"><span class="item">任务名称</span></li>
                            <li class="gradient"><span class="item">任务名称</span></li>
                            <li class="gradient"><span class="item">任务名称</span></li>
                        </ul>
                        <ul>
                            <div class="title">任务类别</div>
                            <li class="gradient"><span class="item">任务名称</span></li>
                            <li class="gradient"><span class="item">任务名称</span></li>
                            <li class="gradient"><span class="item">任务名称</span></li>
                        </ul>
                    </td>
                    <td id="content" class="pure-u-4-5">
                        <div class="pages pure-g">
                            <span class="item gradient pure-u-1-12 active">页面1</span>
                            <span class="item gradient pure-u-1-12">页面2</span>
                            <span class="item gradient pure-u-1-12">页面3</span>
                            <span class="item gradient pure-u-1-12">页面4</span>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
        <script src=".//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="../js/vendor/jquery-1.10.2.min.js"><\/script>')</script>

    </body>
</html>
